html,body{ margin:  0 auto; max-width: 750px; min-width: 320px; height: 100%;}
.swiper-container { width: 100%; height: 100%; overflow: hidden; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img{ display: block; width: 100%; height: 100%;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:fixed;bottom:10px;left:50%;margin-left:-15px; background: none; width:30px;height:30px;overflow:hidden; z-index: 100; font-size: 24px; color: #fff; font-family: "宋体";}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:30px; opacity:.3} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:30px; opacity:.3} }
/*时空之恋*/
.skzlDiv{ position: relative; width: 100%; height: 100%; background: url(../images/back1.jpg) no-repeat; background-size: 100% 100%;}
.skzlDiv .img1{ width: 181px; height: auto; margin: 40px auto 0;}
.skzlDiv .img1 img{ display: block; width: 100%; height: auto;}
.skzlDiv .img2{ width: 170px; height: auto; margin: -5px auto 0;}
.skzlDiv .img2 img{ display: block; width: 100%; height: auto;}
.skzlDiv .img3{ position: absolute; left: 50%; margin-left: -97px; top: 50%; margin-top: -60px; width: 195px; height: auto; }
.skzlDiv .img3 img{ display: block; width: 100%; height: auto;}
.skzlDiv .word{ position: absolute; bottom: 50px; left: 0; width: 100%; line-height: 30px; font-size: 18px; color: #fff; text-align: center;}
.skzlDiv .img4{ position: relative; width: 100%; height: auto; overflow: initial;}
.skzlDiv .img4 i{ display: block; height: auto; overflow: hidden;}
.skzlDiv .img4 img{ display: block; margin: 0 auto;}
.skzlDiv .img4 .img4Box{ position: absolute; left: 50%; margin-left: -99px; bottom: -70px; width: 198px; height: 141px; background: url(../images/back2.png) no-repeat; background-size: 100%;}
.skzlDiv .img4 .img4Box span{ display: block; margin-top: 20px; width: 100%; line-height: 25px; text-align: center; font-size: 18px; color: #b09779;}
.skzlDiv .img4 .img4Box em{ display: block; padding-bottom: 15px; width: 150px; height: auto; margin: 0 auto;}
.skzlDiv .img4 .img4Box em img{ display: block; width: 100%;}
.skzlDiv .img4 .img4Box b{ display: block; text-align: center; font-size: 14px; color: #b09779; height: 24px; line-height: 18px; font-weight: normal;}
.skzlDiv .img5{ position: absolute; left: 50%; margin-left: -44px; bottom: 28px; width: 88px; height: auto;}
.skzlDiv .img5 img{ display: block; width: 100%;}
.skzlDiv .img6{ width: 100%; height: 100%; overflow: hidden;}
.skzlDiv .img6 img{ display: block; margin: 0 auto;}
.skzlDiv .img5Box{ width: 124px; margin-left: -62px; bottom: 45px;}
.skzlDiv .word1{ position: absolute; top: 0; left: 0; width: 188px; height: 196px; background: url(../images/back5.png) -10px -10px no-repeat; background-size: 100%;}
.skzlDiv .word1 p{ margin-top: -2px; padding-top: 15px; padding-left: 14px; height: auto; text-align: left; line-height: 24px; font-size: 14px; color: #b09779;}
.skzlDiv .word2{ top: auto; bottom: 0;  width: 151px; height: 295px; background: url(../images/back6.png) no-repeat; background-size: 100%;}
.skzlDiv .word2 p{ margin-top: 120px;}
.skzlDiv .img7{ width: 94%; position: absolute; height: 40%; left: 3%; top: 2%; overflow: hidden;}
.skzlDiv .img8{ width: 45.5%; position: absolute; left: 3%; bottom: 2%; height: 54%;}
.skzlDiv .img9{ width: 45.5%; position: absolute; right: 3%; bottom: 2%; height: 54%;}
.skzlDiv .img7 img,.skzlDiv .img8 img,.skzlDiv .img9 img{ display: block; margin: 0 auto;}
.skzlDiv .addBox{  padding: 50px 10px;}
.skzlDiv .addTop{ margin-bottom: 30px; width: 100%; height: auto; position: relative;}
.skzlDiv .addTop i{ display: block; width: 46px; height: auto; position: absolute; left: 0; top: 0;}
.skzlDiv .addTop i img{ display: block; width: 100%; height: 46px; border-radius: 100%;}
.skzlDiv .addTop span{ display: block; padding-left: 56px; height: 46px; line-height: 46px;}
.skzlDiv .addTop span em{ padding: 0 10px; text-align: left; display: block; background: #fff; border-radius: 4px; font-size: 15px; color: #b09779;}
.skzlDiv h2{ padding: 10px 0 5px; width: 100%; height: 30px; text-align: center; line-height: 30px; }
.skzlDiv h2 em{ display: inline-block; padding: 0 15px; font-size: 15px; color: #fff;}
.skzlDiv p{ margin-bottom: 10px; width: 100%; text-align: center; line-height: 26px; font-size: 16px; color: #fff;}
